<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
          name="viewport">
    <title>志愿汇系统</title>

    <link href="background/modules/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="background/modules/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="background/modules/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css" rel="stylesheet">

    <link href="background/css/demo.css" rel="stylesheet">
    <link href="background/css/style.css" rel="stylesheet">
    <link href="common/css/xtiper.css" rel="stylesheet">
</head>

<body>
<div id="app">
    <section class="section">
        <div class="container mt-5">
            <div class="row">
                <div class="col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
                    <div class="login-brand">
                        志愿汇系统
                    </div>

                    <div class="card card-primary">
                        <div class="card-header"><h4>账号登录</h4></div>

                        <div class="card-body">
                            <form action="login" class="needs-validation" method="POST" onsubmit="return login()">
                                <div class="form-group">
                                    <label for="no">学号 / 部门号</label>
                                    <input autocomplete="off" autofocus class="form-control" id="no" name="no"
                                           required tabindex="1" type="text">
                                </div>

                                <div class="form-group">
                                    <label class="d-block" for="password">密码

                                    </label>
                                    <input class="form-control" id="password" name="password" required
                                           tabindex="2" type="password">
                                </div>
                                <div class="form-group">
                                    <label class="d-block">角色</label>
                                    <select class="form-control" id="role">
                                        <option value="student">学生</option>
                                        <option value="teacher">团支书</option>
                                        <option value="department">部门</option>
                                    </select>
                                </div>
                                <br><br>
                                <div class="form-group">
                                    <button class="btn btn-primary btn-block" tabindex="4" type="submit">
                                        登录
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="simple-footer">

                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script src="background/modules/jquery.min.js"></script>
<script src="common/js/xtiper.min.js"></script>
<script src="background/js/custom.js"></script>
<script src="background/modules/popper.js"></script>
<script src="background/modules/tooltip.js"></script>
<script src="background/modules/bootstrap/js/bootstrap.min.js"></script>
<script src="background/modules/nicescroll/jquery.nicescroll.min.js"></script>
<script src="background/modules/scroll-up-bar/dist/scroll-up-bar.min.js"></script>
<script src="background/js/sa-functions.js"></script>
<script src="background/js/scripts.js"></script>
</body>
</html>